<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title> - 玩家管理</title>
	    <meta name="keywords" content="">
	    <meta name="description" content="">
	    <link rel="shortcut icon" href="favicon.ico"> <link href="__STATIC__/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	    <link href="__STATIC__/css/font-awesome.css?v=4.4.0" rel="stylesheet">
	    <link href="__STATIC__/css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
	    <link href="__STATIC__/css/animate.css" rel="stylesheet">
	    <link href="__STATIC__/css/style.css?v=4.1.0" rel="stylesheet">
	    <link href="__STATIC__/css/new_file.css" rel="stylesheet">
	</head>
	<body class="gray-bg">
		<div class="wrapper wrapper-content  animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox ">
						<div class="ibox-title">
							<h5>历史记录</h5>
						</div>
						<div class="toogl_body">
	                    	<a href="Gameplayer.html"><button type="button" class="btn btn-w-m btn-bt btn-white">玩家管理</button></a>
	                    	<a href="Gameplayer_1.html"><button type="button" class="btn btn-w-m btn-info btn-bt">操作记录</button></a>
							<div class="ibox-content ibox-jqGrid">
								<div class="form-group mmp-gbl"><br/>
	                                <label class="col-sm-2 control-dy">查询时间：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <input type="text" placeholder="请输入查询时间段" class="form-control form-time-bk" id="time1"> 
	                                </div>
	                                <label class="col-sm-2 control-dy">操作类型：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <select class="form-control form-consele" id="type">
										   <option value="">请选择操作类型</option>
										   <option value="1">封禁</option>
										   <option value="2">解封</option>
                                           <option value="3">冻结</option>
                                           <option value="4">解冻</option>
                                           <option value="6">修改</option>
										</select>
	                                </div>
	                                <button type="button" class="btn btn-info" id="buttonid">查询</button>
	                            </div>
		                        <div class="jqGrid_wrapper">
		                            <table id="table_list_1"></table>
		                            <div id="pager_list_1"></div>
		                        </div>
		                    </div>
						</div>
					</div>
				</div>
			</div>
		</div>

<!--手机导航-->
<div class="to-fdh" style="display: none;">
	<img class="to-imgd" src="__STATIC__/img/phonedh.jpg">
	<div class="mob-nrlb">
		<ul>
			<li>
				<a class="mob-nrdh">管理</a>
				<ul class="mob-nryc">
					<li class="mob-nrdhli">
						<a href="{:url('Player/gameplayer')}">玩家管理</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('system/notice')}">公告管理</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('email/mail')}">邮件管理</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('Club/club')}">亲友圈管理</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('Money/money')}">提现管理</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('Order/order')}">订单管理</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="mob-nrdh">数据</a>
				<ul class="mob-nryc">
					<li class="mob-nrdhli">
						<a href="{:url('data/datagk')}">概況</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('data/datawf')}">玩法</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('data/datalc')}">留存</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('data/datass')}">实时数据</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('data/dataczfx')}">充值分析</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('data/dataclub')}">亲友圈统计</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('data/president')}">高级会长</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('data/regionaldata')}">地区数据</a>
					</li>
				</ul>
			</li>
			<li>
				<a class="mob-nrdh mob-qbh">权限</a>
				<ul class="mob-nryc">
					<li class="mob-nrdhli">
						<a href="{:url('rule/rule_list')}">权限管理</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('rule/rule_group')}">用户组管理</a>
					</li>
					<li class="mob-nrdhli">
						<a href="{:url('account/account_details')}">后台账号管理</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</div>
<div id="zkbg">
	<img src="__STATIC__/img/dp.gif">
</div>
<div class="vnl-zz" style="display:none">
	<div><img src="__STATIC__/img/bqhp.gif"></div>
</div>
<!--手机适配-->
		<script src="__STATIC__/js/jquery.min.js?v=2.1.4"></script>
		<script src="__STATIC__/js/bootstrap.min.js?v=3.3.6"></script>
		<script src="__STATIC__/js/plugins/peity/jquery.peity.min.js"></script>
		<script src="__STATIC__/js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
		<script src="__STATIC__/js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
		<script src="__STATIC__/js/content.js?v=1.0.0"></script>
		<script src="__STATIC__/js/plugins/laydate/laydate.js"></script>
		<script>
            //手机适配
            $(function(){
                if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
                    $("head").append("<link>");
                    var css = $("head").children(":last");
                    css.attr({
                        rel:  "stylesheet",
                        type: "text/css",
                        href: "__STATIC__/css/phone_sp.css"
                    });
                    var mql = window.matchMedia("(orientation: portrait)");
                    if(mql.matches) { //竖屏样式
                        $(".vnl-zz").show();
                        $(".to-fdh").hide();
                    }else{
                        $(".to-fdh").show();
                        $("html").width("100%");
                        $("body").width("100%");
                    }
                    mql.addListener(function(m) {
                        if(m.matches) {
                            // 改变到直立方向
                            $(".vnl-zz").show();
                            $(".to-fdh").hide();
                        }
                        else {
                            $(".to-fdh").show();
                            $(".vnl-zz").hide();
                            $("html").width("100%");
                            $("body").width("100%");
                        }
                    });
                }
            });
            //导航显示展开
            $(".mob-nrdh").click(function(){
                $(this).next().toggle(".mob-nryc");
            });
            $(".to-imgd").click(function(){
                $(this).next().toggle(".mob-nrlb");
            });
            //手机适配end
        $('#buttonid').on('click', function() {     //页面上的button按钮的click事件，重新获取参数后发送参数，然后重新加载数据。

                var Data={
                    time:$("#time1").val(),
                    type:$("#type").val()
                };
                var start_time = Data.time.substring(0,19);
                var end_time = Data.time.substring(22);
                // if(Data.time ==""){
                //     alert("请选择时间");
                //     return false;
                // }
                //  if(Data.type ==""){
                //     alert("请选择状态");
                //     return false;
                // }
                $("#table_list_1").jqGrid('setGridParam',{
                    url:'__URL__/operation_records',
                    datatype:'json',
                    postData:{'start_time':start_time,'end_time':end_time,'type':Data.type},
                    page:1
                }).trigger("reloadGrid"); //重新载入
                
            });
        $(document).ready(function () {

            $.jgrid.defaults.styleUI = 'Bootstrap';
            // Examle data for jqGrid
           
            $("#table_list_1").jqGrid({
                url:'__URL__/operation_records',
                postData:{},
                datatype: "json",
                mtype: 'POST',
                height: 450,
                autowidth: true,
                shrinkToFit: true,
                rowNum: 20,
                rowList: [20,50,100],
                colNames: ['日期时间', '操作人', '操作对象昵称 ID', '操作类型', '操作详情', '操作前状态', '原因'],
                colModel: [
                    {
                        name: 'time',
                        index: 'time',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'operation',
                        index: 'operation',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'operation_object',
                        index: 'operation_object',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'type',
                        index: 'type',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        formatter: function(type) {
                            switch(Number(type)){
                                    case 1:
                                        return '<span style="color:red">封禁</span>'
                                    case 2:
                                        return '<span style="color:#00EE00">解封</span>'
                                    case 3:
                                        return '<span style="color:red">冻结</span>'
                                    case 4:
                                        return '<span style="color:#00EE00">解冻</span>'
                                    case 6:
                                        return '<span style="color:#00EE00">修改</span>'
                            }
                        },
                        align:'center'
                    },
                    {
                        name: 'details',
                        index: 'details',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'befor_fstatus',
                        index: 'befor_fstatus',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'operation_why',
                        index: 'operation_why',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    }
                ],
                pager: "#pager_list_1",
                loadonce: true,
                viewrecords: true,
                caption: "操作记录",
                hidegrid: false
            });
            $("#fj").hide();
            $(function(){
            	$("#fj").click(function(){
            		$("#fj").hide();
            		$("#jj").show();
            		alert("封禁成功");
            	});
            	$("#jj").click(function(){
            		$("#jj").hide();
            		$("#fj").show();
            		alert("解禁成功");
            	});
            });
			
           
			setTimeout(function(){
                var width = $('.jqGrid_wrapper').width();
                $('#table_list_1').setGridWidth(width);
			},500);
		    laydate.render({
		      elem: '#time1'
              ,type: 'datetime'
		      ,range: true
		    });
		    laydate.render({
		      elem: '#time2'
		      ,range: true
		    });
        });
    </script>


	</body>

</html>